"use client"
import React, { ReactNode } from 'react'
import '@/app/component/form.css';
import classNames from 'classnames';

interface MyButtonProps {
  prefix?: ReactNode;
  suffix?: ReactNode;
  children: ReactNode;
  disabled?: boolean;
  outlined?: boolean;
}
const MyButton = ({ 
  prefix,
  suffix,
  children,
  disabled,
  outlined,
}: MyButtonProps) => {
  return (
    <button disabled={disabled} className={classNames('btn-layout', {
      'btn-layout--outlined': outlined
    })}>
      {prefix}
      <div className='btn-text'>
        {children}
      </div>
      {suffix}
    </button>
  )
}

export default MyButton
